<template>
  <div class="tabbar">
    <router-view />
    <van-tabbar route>
      <van-tabbar-item icon="home-o" replace to="/home">首页</van-tabbar-item>
      <van-tabbar-item icon="flag-o" replace to="/activity">活动</van-tabbar-item>
      <van-tabbar-item icon="gift-card-o" replace to="/welfare">福利</van-tabbar-item>
      <van-tabbar-item icon="user-o" replace to="/mine">我的</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script setup>

</script>

<style lang="scss" scoped>
.tabbar {
  .nut-tabbar:active {
    color: #2075FF;
  }

  .nut-tabbar-item {
    color: #666666;
    background: #fff;
    height: 50px;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    font-size: 14px;
    line-height: initial;

    .img {
      width: 20px;
      height: 20px;
    }
  }
}
</style>